<template>
<div class="container-fluid">
    <section class="content">
        <div class="nav-tabs-custom col-lg-offset-2 col-lg-8 no-padding">
            <ul class="nav nav-tabs">
                <router-link to="/config/base" tag="li" replace>
                    <a> {{serverInfo.LogoText == 'LiveNVR' ? 'LiveNVR' : 'NVR'}} 基础配置 </a>
                </router-link>
                <router-link to="/config/gbs" tag="li" replace>
                    <a> GB28181 级联配置 </a>
                </router-link>
                <router-link to="/config/nvss" tag="li" replace>
                    <a> {{serverInfo.LogoText == 'LiveNVR' ? "LiveNVS":"NVS"}} 级联配置 </a>
                </router-link>
            </ul>
            <div class="tab-content">
                <router-view></router-view>
            </div>
        </div>
    </section>
</div>
</template>

<script>
import {
    mapState,
} from "vuex"

export default {
    computed: {
        ...mapState([
            "serverInfo"
        ])
    }
};
</script>
